.cityList_container {
    width: 25%;
    min-width: 300px;
    border: 1px solid #ccc;
    width: 20%;
    background-color: #f7f7f7;
    padding: 16px;
    border-radius: 10px;
    overflow-y: auto;
    position: relative;
    max-height: 100vh;
    margin-right: 24px;
    .cityList_container_tilte_text {
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #f0f0f0;
        text-align: center;
        padding: 8px 0;
        border-radius: 10px;
    }

    .cityList_info {
        width: 100%;
        display: flex;
        justify-content: space-evenly;

        .cityList_info_weather {
            flex-wrap: wrap;

            .cityList_info_weather_pic {
                width: 100%;
                height: 30%;

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            .cityList_info_weather_txt {
                border: 1px solid #ccc;
                padding: 8px 0;
                margin: 8px 0;
                border-radius: 6px;
                :first-child {
                    width:130px;
                    display: inline-block;
                    text-align: right;
                }
            }
        }
    }
}